<template>
  <div class="container" >
		<el-scrollbar class="app-container-scroll-bar">
      <el-card>
        <div slot="header" class="clearfix">
          <i title="返回" class="iconfont icon-fanhui" @click="returnBtn"
          style="border:1px solid #e2e7eb;width:30px;height:30px;display:inline-block;border-radius: 4px;text-align:center;"></i>
          <span>远程连接</span>
        </div>
        <my-terminal :terminal="terminal">
        </my-terminal>
      </el-card>
    </el-scrollbar>
  </div>
</template>

<script>
import Console from './Console'

export default {
  name: 'WebSSH',
  data () {
    return {
      terminal: {
        pid: 1,
        name: 'terminal',
        cols: 400,
        rows: 400
      }
    }
  },
  components: {
    'my-terminal': Console
  },
  methods:{
    returnBtn(){
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>
.container >>> .el-card__body{
  background: #000;
}
</style>
